<script type='text/html' id='pageTpl'>
    {{if !hasJoined}}
    <!--领取状态-->
    <div class="first-view">
        <div class="main-title">
            <div class="logo">
                <img src="{{logo}}">
            </div>
        </div>
        <div class="red-bag">
            <div class="logo">
                <img src="{{logo}}">
            </div>
            <input id="js_tel" type="tel" placeholder="请输入正确的手机号码">
            <div class="get-btn js_get_btn"></div>
            <div class="prize-list">
                <ul class='prize-list-wrap'>
                    {{each list as value index}}
                    <div class="prize-cell clearfix">
                        <div class="fleft avatar">
                            <img src="{{value.avatar}}">
                        </div>
                        <div class="fleft user-info">
                            <div class="name">{{value.name}}</div>
                            <div class="tel">{{value.tel}}</div>
                        </div>
                        <div class="fleft prize-info">
                            <div class="prize">抢到<span class="yellow">{{value.prize}}</span>流量券</div>
                            <div class="time">{{value.time}}</div>
                        </div>
                    </div>
                    {{/each}}
                </ul>
            </div>
        </div>
        <div class="rule-title">活动规则</div>
        <div class="js_rule_container rule-container"></div>
    </div>
    {{else}}
        <div class="show-prize">
            <div class="main-container">
                <div class="logo">
                    <img src="{{logo}}">
                </div>
                <div class="avatar">
                    <img src="{{avatar}}">
                </div>
                <div class="text">恭喜您抢到了流量券</div>
                <div class="prize-name">
                    {{prize}}
                </div>
            </div>

            <div class="count-down">
                流量券有效期:{{available}}分钟,剩余:<span class="js_count_down"></span>
            </div>
            <div class="exchange-btn">
            立即兑换流量
            </div>
            <div class="rule-title-2">活动现场</div>
            <div class="prize-list">
             <ul class='prize-list-wrap'>
                {{each list as value index}}
                <div class="prize-cell clearfix">
                    <div class="fleft avatar">
                        <img src="{{value.avatar}}">
                    </div>
                    <div class="fleft user-info">
                        <div class="name">{{value.name}}</div>
                        <div class="tel">{{value.tel}}</div>
                    </div>
                    <div class="fleft prize-info">
                        <div class="prize">抢到{{value.prize}}流量券</div>
                        <div class="time">{{value.time}}</div>
                    </div>
                </div>
                {{/each}}
            </ul>
            </div>
            <div class="rule-title-2">活动规则</div>
        </div>
    {{/if}}
    <!--摇一摇-->
    <div class="shake-view" style="display: none">
        <div class="shake"></div>
        <div class="tel-title">您当前参加活动的手机号码</div>
        <div class="tel-number js_tel_number">
        </div>
        <audio id='js_music_effect' src="../effect.wav" style='display:none'>
        </audio>
    </div>
</script>